/* Scene layout styles */

	#scene-container {
		width: 100%;
		height: 100%;
		z-index: 1;
	}

/* Setting menu styles */

	#settings-container {
		position: fixed;
		top: 0px;
		right: 0px;
		height: 20px;
		width: 20px;
	    background-color: #D6D6D6;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
		padding: 7px;
		z-index: 3;
	}

	#settings-menu {
		position: absolute;
		bottom: -37px;
		right: 0px;
		width: 150px;
		border: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #ffffff;
	    padding: 2px 0px 2px 0px;
	}

	#settings-menu.editable {
		bottom: -62px;
	}

	#settings-menu > div {
	    padding: 3px 5px 3px 5px;
	    cursor: pointer;
	}

	#settings-menu > div:hover {
		background-color: #eeeeee;
	}

/* Title styles */

	#title-container {
		position: fixed;
		top: 0px;
		left: : 0px;
		width: 475px;
	    background-color: #ffffff;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
		z-index: 3;
	}

	#title-container #title-inner-container {
		padding: 8px;
	}

	#title-container #close-title {
		width: 20px;
	}

	#open-title-container {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	    background-color: #ffffff;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #D6D6D6;
		z-index: 3;
	}

	.title-view {
		text-align: center;
		vertical-align: middle;
		font-size: 15px;
		font-weight: bold;
		border-left: 1px solid #666666;
	    background-color: #D6D6D6;
	}

/* Shape select styles */

	#shape-select-container {
		position: fixed;
		bottom: 0px;
		left: 0px;
		height: 57px;
		width: 57px;
		padding: 10px;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #D6D6D6;
		z-index: 3;
	}

	#all-shapes {
		position: absolute;
		top: -60px;
		left: 0px;
		border: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #D6D6D6;
	}

	#all-shapes img {
		margin: 10px;
	}

/* Group shape styles */

	#groups-container {
		position: fixed;
		bottom: 0px;
		left: 85px;
		height: 57px;
		width: 400px;
		padding: 10px;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #D6D6D6;
		z-index: 3;
	}

/* Color select styles */

	#color-select-container {
		position: fixed;
		bottom: 0px;
		right: 0px;
		height: 67px;
		width: 100px;
		padding: 5px;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
	    box-shadow: 0 1px 10px #373737;
	    background-color: #D6D6D6;
		z-index: 3;
	}

	#color-select-container .table {
		vertical-align: top;
	}

	#color-select-container #color-select {
		width: 100%;
		border: 1px solid #666666;
		text-align: center;
		padding: 4px;
		font-weight: bold;
	}

	#color-select-container #sampler-select {
		width: 30px;
		height: 30px;
		border-radius: 3px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid rgba(0,0,0,0);
	}

	#color-select-container #sampler-select.selected {
		border: 1px solid #666666;
		background-color: #666666;
	}

	#color-select-container #sampler-select #sampler {
		margin: 5px;
		width: 20px;
	}

	#color-select-container #opacity {
		text-align: center;
		width: 30px;
	}

	#color-select-container #opacity-icon {
		width: 15px;	
	}

/* Dialog styles */

.controls-seperator {
	padding: 0px 5px 0px 5px;
}